@import url('./public.less');
.control-bar-container {
    padding: 0 .6rem 1.2rem;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}
.control-bar {
    flex: 1;
    height: 6.4rem;
    .cardStyle();
    margin: 0;
    display: flex;
    justify-content: space-between;
    color: var(--emui_text_primary);
    &.disabled {
        opacity: .4;
    }
    .left {
        flex: 1;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .title {
            font-size: 1.6rem;
        }
        .info {
            margin-top: 0.3rem;
            font-size: 1.2rem;
            color: var(--emui_text_secondary);
        }
    }
    .right {
        width: 2.4rem;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 2.4rem;
    }
}
